<template>
	<!-- 实名认证 -->
	<view class="certification_main">
		<view class="certification_upload">
			<view class="certification_title">
				实名认证
			</view>
			<view class="certification_tips">
				您的份证信息我们会严格保密
			</view>
			<view class="upload_title">
				身份证照片
			</view>
			<view class="upload_id_img flex flex-pack-center">
				<view class="upload_id_reverse">
					<image src="../../../static/image/idReverse.png" mode=""></image>
				</view>
				<view class="upload_id_front">
					<image src="../../../static/image/idFront.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="empty_box"></view>
		<view class="id_info">
			<view class="id_info_name">
				<text class="item_name fl font-color">真实姓名</text>
				<input 
					type="text"
					value="" 
					placeholder="请输入您的姓名"
					placeholder-style="color:#999;font-size: 15px" />
			</view>
			<view class="id_info_number">
				<text class="item_name fl font-color">身份证号</text>
				<input 
					type="text"
					value="" 
					placeholder="请输入您的身份证号"
					placeholder-style="color:#999;font-size: 15px" />
			</view>
		</view>
		<view class="empty_box"></view>
		<view class="btns1">
			提交认证
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	@import "@/asset/less/base.less";
	.certification_upload {
		padding: 40rpx 40rpx 18rpx;
		.certification_title {
			font-size: 52rpx;
			color: #222;
			padding-bottom: 12rpx;
		}
		.certification_tips {
			color: #999;
			font-size: 24rpx;
			padding-bottom: 55rpx;
		}
		.upload_title {
			font-size: 30rpx;
			color: #222;
			padding-bottom: 26rpx;
		}
		.upload_id_reverse, .upload_id_front {
			image {
				width: 344rpx;
				height: 211rpx;
			}
		}
	}
	.empty_box {
		height: 20rpx;
		background-color: #F8F8F8;
	}
	.id_info_number, .id_info_name {
		padding: 40rpx 55rpx;
		.item_name {
			font-size: 30rpx;
			padding-right: 70rpx;
		}
	}
	.btns1 {
		margin: 170rpx 60rpx 0;
	}
</style>
